<template>
    <div class="organizationWrap">
        <div class="organizationWrap-content">
            <Collapse :list="list" :indexs="1"></Collapse>
        </div>
    </div>
</template>

<script>
import Collapse from './components/Collapse'
export default {
    name: 'organization',
    components: {
        Collapse,
    },
    data() {
        return {
            list: [],
        }
    },
    methods: {
        getList() {
            this.getAxios(this.$getAppDeptsTree, {})
                .then((res) => {
                    if (res.code == 200) {
                        this.list = res.data;
                    }
                })
                .finally(() => {
                });
        }
    },
    mounted() {
        this.getList();
    }
}
</script>

<style lang="less" scoped>
.organizationWrap {
    height: 100vh;
    width: 100vw;
    background-color: #F6F5FA;
    padding: 12px 8px;

    &-content {
        background-color: #ffffff;
        height: calc(100vh - 24px);
        width: calc(100vw - 16px);
        overflow-x: hidden;
        overflow-y: auto;
    }
}
</style>